<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript">
			window.onload = function() {setTimeCount();};
		</script>
		<script type='text/javascript' src='media/script/script.js'></script>
		<link rel="stylesheet" type="text/css" href="media/style/style.css" />
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>Online Poker</title>
	</head>
	
	<body>
		<div id="gameBody">
		
			<div id="playerSeats">
				<div class="player" id="seat0">
				</div>
				
				<div class="player" id="dealer">
					<p class="dealer">Dealer</p>
					<div id="startButton"></div>
				</div>
				
				<div class="player" id="seat8">
				</div>
				
				<div class="midSet">
					<div class="midsideSet">
						<div class="player" id="seat1">
						</div>
						
						<div class="player" id="seat2">
						</div>
					</div>
					
					<div class="table">
						<span class="bet" id="bet0"></span>
						<span class="bet" id="bet8"></span>
						
						<div class="midTable">
							<div class="midTableEnd">
								<span class="bet" id="bet1"></span>
								<span class="bet" id="bet2"></span>
							</div>
							
							
							<div class="dealerCards">
								<img class="dealerCardSet" id="roundCard0" alt="" src="media/images/Blank.png" />
								<img class="dealerCardSet" id="roundCard1" alt="" src="media/images/Blank.png" />
								<img class="dealerCardSet" id="roundCard2" alt="" src="media/images/Blank.png" />
								<img class="dealerCardSet" id="roundCard3" alt="" src="media/images/Blank.png" />
								<img class="dealerCardSet" id="roundCard4" alt="" src="media/images/Blank.png" />
								<span id="winnerMessage"></span>
							</div>
							
				
							<div class="midTableEnd">
								<span class="bet" id="bet7"></span>
								<span class="bet" id="bet6"></span>
							</div>
						</div>
						
						<span class="bet" id="bet3"></span>
						<span class="bet" id="bet4"></span>
						<span class="bet" id="bet5"></span>
					</div>
					
					<div class="midsideSet">
						<div class="player" id="seat7">
						</div>
						
						<div class="player" id="seat6">
						</div>
					</div>
				</div>
				
				<div class="player" id="seat3">
				</div>
				
				<div class="player" id="seat4">
				</div>
				
				<div class="player" id="seat5">
				</div>
			</div>
			<div id="controlPanel">
				<span id="labelPot">Pot Value</span>
				<span id="labelLastBet">Highest Bet</span>
				<span id="pot"></span>
				<span id="lastBet"></span>
								
				<div id="buttonOptions">
					<div id="checkBox"></div>
					<div id="callBox"></div>
					<div id="raiseBox"></div>
					<div id="foldBox"></div>
				</div>
				
				<div id="inputRaise">
					<input class="textfield" id="raiseValue" type="text" size="4" maxlength="4" /><br />
					<input type="button" onClick="raise()" value="Raise!" />
					<input type="button" onClick="hideRaiseField()" value="Back" />
				</div>
				
			</div>
			
		</div>
	</body>
</html>